<template>
    <div class="enroll">
        <div class="singlecolumntile_tileHeading__8KfOx">
            <div class="boxs">
                Pioneer of Mobile Advertising
            </div>

        </div>
        <div class="singlecolumntile_tileContent__Wo0kW">
            <div class="box">
                <p class="uCenter">We have numerous collaborative moblle advertising platforms that enable
                    agents,brands, and publishers to establish genuine connections with their audiences and unlocknewr
                    growth opportunities.
                </p>
            </div>
        </div>
        <div class="publis">
            <div class="publistb">
                <div class="left">
                    <img class="images" src="../../../assets/img_2 (1).png" alt="">
                </div>
                <div class="right">
                    <ul>
                        <li>
                            <img class="image" src="../../../assets/img_2 (1).png" alt="">
                            <p>200,000+Publishers</p>
                        </li>
                        <li>
                            <img class="image" src="../../../assets/img_2 (1).png" alt="">
                            <p>2000+Advertising partners</p>
                        </li>
                        <li>
                            <img class="image" src="../../../assets/img_2 (1).png" alt="">
                            <p>10000000000+ Advertising exposure</p>
                        </li>
                        <li>
                            <img class="image" src="../../../assets/img_2 (1).png" alt="">
                            <p>1 Billion independent users worldwide</p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
</template>
<style scoped lang="less">
.enroll {
    width: 100vw;
    // height: 1000px;

    .publis {
        display: flex;
        justify-content: center;
        align-items: center;

        .publistb {
            display: flex;
            // justify-content: space-between;
            width: 55vw;
            padding: 40px 0;

            .right {
                ul {

                    li {
                        display: flex;
                        align-items: center;
                        width: 22vw;
                        padding: 10px 0;
                        border-radius: 0px 0px 0px 0px;
                        background: linear-gradient( 270deg, rgba(229,236,255,0.4) 1%, rgba(229,236,255,0) 97%);
                        // background-color: pink;
                        margin-bottom: 10px;
                        .image {
                            width: 36px;
                            height: 29px;
                        }

                        p {
                            // margin-top: 2px;
                            margin-left: 20px;
                            font-family: PingFang SC, PingFang SC;
                            font-weight: 600;
                            font-size: 1vw;
                            color: #6F7C95;

                        }
                    }
                }
            }
            .left {
                width: 30vw;
                height: 3\28vh;

                .images {
                    width: 100%;
                    height: 100%;
                }
            }

          
        }

    }

    .singlecolumntile_tileHeading__8KfOx {
        display: flex;
        justify-content: center;
        margin-top: 100px;
        text-align: center;

        .boxs {
            width: 70vw;
            // height: 150px;
            font-size: 25px;
            font-family: LINE Seed Sans, LINE Seed Sans;
            font-weight: 800;
            font-size: 4vw;
            color: #000000;
        }
    }
    .singlecolumntile_tileContent__Wo0kW {
    display: flex;
    justify-content: center;

    .box {
        width: 55vw;
        // height: 150px;
        font-size: 25px;
        line-height: 40px;
    }

    .uCenter {
        text-indent: 2em;
    }

}
}


</style>